.dark {

  .main-container {
    background: #1f1e2e !important;
  }

  // 页头
  .navbar {
    background: #1f1e2e !important;
    border-bottom: 1px solid #343748;

    .el-breadcrumb__inner a,
    .el-breadcrumb__inner.is-link {
      color: #fff;
    }

    .right-menu {
      color: #fff;
    }

  }

  // tagsView
  .tags-view-container {
    background-color: #1f1e2e !important;
    border-bottom: 1px solid #343748 !important;
  }

  // 条件搜索框深色系
  .search-form-box {
    background-color: #272a3d !important;

    .right-box {
      .el-button--default {
        background: #1e88f7;
        color: #fff;
        border: none;
      }

      .el-button--primary {
        background: #232234;
        color: #fff;
        border: 1px solid #272d45;
      }
    }

    .toggle-box {
      background: #1f1e2e;
    }
  }

  // 表格深色系设置
  .table-wrap {
    background-color: #272a3d !important;

    .el-table {
      tr {
        background: #272a3d !important;
        color: #9d9fac;
      }



      // 表头
      th {
        background: #353751 !important;
        color: #fff;
      }

      .el-table__body tr:hover>td {
        background: #303249 !important;
      }

      tbody tr:nth-child(odd) {
        background: #2a2c41 !important;
      }

      td,
      th.is-leaf {
        border-bottom: 1px solid #303346;
      }
    }

    // icon
    .editor-box:hover {
      .el-icon-edit-outline {
        color: #fff !important;
      }
    }

    .el-icon-warning-outline {
      color: #ac6c87;
    }

    .el-icon-delete {
      color: #d78884;
    }

    // 状态颜色
    .status-close {
      color: #efa34b;
    }

    .status-open {
      color: #8dc83c;
    }
  }

  // 分页
  .el-pagination__total,
  .el-pagination__sizes .el-input__inner,
  .el-pagination__jump,
  .el-pagination__jump .el-input__inner {
    color: #fff !important;
  }

  .el-table__empty-block {
    background: #272a3d !important;
    color: #fff;
  }

  // 弹出框
  .el-dialog {
    background: #1f1e2e !important;

    .el-dialog__header {
      color: #ffffff !important;
      margin-bottom: 20px;
      border-bottom: 1px solid #2b3453 !important;
    }

    // 弹出框 底部按钮
    .dialog-btn {
      .el-form-item__content {
        margin-left: 0px !important;
      }

      .el-form-item {
        margin-bottom: 0px !important;
      }
    }


    .el-button--info {
      background-color: #232234;
      color: #fff;
      border: 1px solid #2b3453;
    }
  }

  // 共用的 input 
  .el-form-item__label {
    color: #fff !important;
  }

  .el-input__inner {
    background-color: #272a3d !important;
    color: #fff !important;
    border: 1px solid #2b3453 !important;

  }

  .company-word {
    color: #ffffff;
  }

}
